<!DOCTYPE html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Verhuisdieren.nl - VHD409</title>
<link rel="stylesheet" type="text/css" href="style/style-sheet.css">
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>
</head>

<body>
<div id="container">

	<div id="logo">
    	<img src="Verhuisdieren.jpg" alt="Verhuisdieren"/>
    </div>

		<div id="app">
			<applet code="maze.MainApplet.class" archive="VHD-409.jar" width="800" height="600">
			<param name="xml" value="levels.xml">
		</applet>
	</div>
    <form action="javascript:sendData()">
	<label>E-mailadres</label>
	<input type="hidden" name="data" />
	<input type="text" name="email" />
	</form>
</div>

</body>

</html>

<script type="text/javascript">
function sendData() {
var data = $("input[name=data]").val();
if(data == '') {
alert("Geen data");
return;
}

var email = $("input[name=email]").val();
if(email == '') {
alert("Geen email");
return;
}

$.get(encodeURI("api.php?email=" + email + data));
}

function setData(data) {
$("input=[name=data]").val(data);

sendData();
}
</script>